<template>
  <div>
    <div class="header test">
        <router-link class="mark" to="/">
          <div class="header-left"></div>
          <div class="iconfont backicon">&#xe624;</div>
        </router-link>
        <div class="title">城市选择</div>
    </div>
  </div>
</template>

<script>
</script>
<style lang="stylus" scoped>
   @import '~styles/varibles.styl'
  .header
    display: flex;
    line-height: $headerHeight;
    color: #fff;
    background-color: $bgColor;
  .search-wrap
    background-color $bgColor
    padding: .1rem .2rem;
    .header-input
      flex:1;
      height: .64rem;
      width: 100%
      text-align: center;;
      line-height: .64rem;
      padding-left: .2rem;
      margin-top: .12rem;
      font-weight: 550
      background-color: #fff;
      color: #ccc;
      border-radius :.1rem;
  .header-left
    float: left;
    width: .64rem;
  >>>.backicon
    text-align: center;
    font-size :.4rem;
    color: #fff;
  .title
    font-size:16px;
    margin: 0 auto;
    color: #fff;
    font-size: .4rem;
    text-align: center
</style>
